<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>后台管理系统</title>
    <link rel="stylesheet" href="./style.css">
</head>
<body id="body-pd">
    <div class="left-navbar" id="navbar">
        <nav class="nav">
            <div class="">
                <div class="nav_brand">
                    <ion-icon name="menu-outline" class="nav_toggle" id="nav_toggle"></ion-icon>
                    <!-- <a href="#" class="nav_logo">老大科技</a> -->
                </div>
                <div class="nav_list">
                    <a href="#" class="nav_link active">
                        <ion-icon name="home-outline" class="nav_icon"></ion-icon>
                        <span class="nav_name">主页</span>
                    </a>
                    <a href="#" class="nav_link">
                        <ion-icon name="chatbubbles-outline" class="nav_icon"></ion-icon>
                        <span class="nav_name">信息</span>
                    </a>
                    <a href="#" class="nav_link collapse">
                        <ion-icon name="folder-outline" class="nav_icon"></ion-icon>
                        <span class="nav_name">项目</span>
                        <ion-icon name="chevron-down-outline" class="nav_icon"></ion-icon>
                        <ul class="collapse-menu">
                            <a href="#" class="collapse_sublink">aaa</a>
                            <a href="#" class="collapse_sublink">bbb</a>
                            <a href="#" class="collapse_sublink">ccc</a>

                        </ul>
                    </a>
                    <a href="#" class="nav_link">
                        <ion-icon name="pie-chart-outline" class="nav_icon"></ion-icon>
                        <span class="nav_name">统计</span>
                    </a>
                    <a href="#" class="nav_link collapse">
                        <ion-icon name="people-outline" class="nav_icon"></ion-icon>
                        <span class="nav_name">团队</span>
                        <ion-icon name="chevron-down-outline" class="nav_icon"></ion-icon>
                        <ul class="collapse-menu">
                            <a href="#" class="collapse_sublink">aaa</a>
                            <a href="#" class="collapse_sublink">bbb</a>
                            <a href="#" class="collapse_sublink">ccc</a>

                        </ul>
                    </a>
                    <a href="#" class="nav_link">
                        <ion-icon name="settings-outline" class="nav_icon"></ion-icon>
                        <span class="nav_name">设置</span>
                    </a>
                </div>
            </div>     
            <a href="#" class="nav_logout">
                <ion-icon name="log-out-outline" class="nav_icon"></ion-icon>
                <span class="nav_name">退出登录</span>
            </a>   
        </nav>
        
    </div>

    <h1>内容</h1>

    <script src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.js"></script>
    <script src="./index.js"></script>
</body>
</html>